<!DOCTYPE html>
<html>
<head>
    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
    <title>Insert title here</title>
    <link href="../bootstrap/css/bootstrap.css" rel="stylesheet">
    <script src="../js/jquery-3.3.1.min.js"></script>
    <script src="../bootstrap/js/bootstrap.js"></script>

    <style>
        .row {
            margin-bottom: 30px;
            margin-right: 0 !important;
            margin-left: 0 !important;
        }

        .form-group {
            margin-bottom: 30px;
        }

        .submit {
            margin-left: 30px;
        }

        .modal-btns {
            text-align: center;
        }
    </style>
</head>
<body>
<div class="container-fluid">
    <div class="row">
        <div>
            <ol class="breadcrumb">
                <li><a class="btn btn-primary btn-sm" href="#" role="button"><span aria-hidden="true"
                                                                                   class="glyphicon glyphicon-home pull-right"></span>&nbsp;&nbsp;
                    主&nbsp;&nbsp; 页</a></li>
                <li class="active">文章管理</li>
                <li><a href="#">文章管理</a></li>
                <li class="active">文章添加</li>
            </ol>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-8 col-lg-offset-2">
            <form action="#" class="form-horizontal" enctype="multipart/form-data" method="post">
                <!-- 文章标题-->
                <div class="form-group">
                    <label class="col-lg-2 control-label" for="articeTitle">标题</label>
                    <div class="col-lg-10">
                        <input class="form-control" id="articeTitle" name="articeTitle" placeholder="输入标题" type="text">
                    </div>
                </div>

                <!-- 演示初始化下拉列表的功能 -->
                <div class="form-group">
                    <label class="col-lg-2 control-label" for="articleType">文章类型</label>
                    <div class="col-lg-10">
                        <select class="form-control" id="articleType" name="typeId">
                            <option value="ca4331e2-fad7-4a05-a094-d8d0c5e445ea">行业新闻</option>
                            <option value="ererer">大事件</option>
                            <option value="yuess">行业介绍</option>
                        </select>
                    </div>
                </div>

                <!-- 演示图片上传功能 -->
                <div class="form-group">
                    <label class="control-label col-lg-2" for="file">图片</label>
                    <div class="col-lg-10">
                        <input id="file" multiple name="file" type="file">
                    </div>
                </div>

                <div class="form-group">
                    <label class="control-label col-lg-2" for="content">文章内容</label>
                    <div class="col-lg-10">
                        <textarea class="form-control" cols="62" id="content" name="newsContent" rows="30"></textarea>
                    </div>
                </div>

                <div class="modal-btns">
                    <button class="btn btn-primary submit" type="button">添 加</button>
                </div>
            </form>
        </div>
    </div>
</div>
</body>
</html>